<!-- This test makes the first rect white (invisible), so that we can
     focus just on the second rect. -->
<svg xmlns="http://www.w3.org/2000/svg"
     xmlns:xlink="http://www.w3.org/1999/xlink"
     class="reftest-wait">
  <script>
    function go() {
      var rect1 = document.getElementById("rect1");
      var rect2 = document.getElementById("rect2");
      var anim = document.getElementById("anim");
      rect2.appendChild(anim);

      // Wait >= 1s before taking screenshot, to give animation time to finish
      setTimeout('document.documentElement.removeAttribute("class")', 1100);
    }
    function delay_go() {
      setTimeout(go, 1100);
    }
    document.addEventListener("MozReftestInvalidate", delay_go, false);
    setTimeout(delay_go, 4000); // fallback for running outside reftest
  </script>
  <rect id="rect1" y="40" width="10" height="10" fill="white">
    <animate id="anim" attributeName="x" 
             dur="2s" values="0; 50; 100; 150"
             calcMode="discrete" fill="freeze"/>
  </rect>
  <rect id="rect2" y="80" width="10" height="10" fill="blue">
  </rect>
</svg>
